<template>
    <div>

        <ul>
            <li> <i class="el-icon-s-fold" style="font-size: 30px;"></i>
                <span style="color: #ccc; margin-left:20px">个人中心</span>
            </li>
            <li>
                <i class="el-icon-menu" style="font-size: 30px;"></i>
                <i class="el-icon-s-check" style="font-size: 30px; margin: 0 10px;"></i>
                <i class="el-icon-s-custom" style="font-size: 30px;margin: 0 10px;"></i>
                <i class="el-icon-present" style="font-size: 30px; color: red;"></i>
            </li>
        </ul>
       <el-breadcrumb separator="/">
  <el-breadcrumb-item :to="{ path: '/' }">个人中心</el-breadcrumb-item>
  <el-breadcrumb-item><a href="/">数据可视化</a></el-breadcrumb-item>
  <el-breadcrumb-item>活动列表</el-breadcrumb-item>
  <el-breadcrumb-item>活动详情</el-breadcrumb-item>
</el-breadcrumb>
    </div>
</template>
<style scoped>
ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
    li{
        list-style: none;
    }
</style>